const { defineConfig } = require("@vue/cli-service");
// const { resolveConfig } = require("prettier");

const path = require("path");
function resolve(paths){
    return path.resolve(paths)
}
console.log(resolve('src'));

//console.log(process.env);    //获取当前的开发环境
console.log("当前的环境是："+process.env.NODE_ENV);
console.log("当前的服务器地址："+process.env.VUE_APP_BASEURL);
console.log("当前的版本："+process.env.VUE_APP_APPVERSION);

//console.log(process.env.NODE_ENV)   //获取当前的开发环境
console.log(process.env);
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  publicPath:"./",
  outputDir:process.env.VUE_APP_DIR,
  //配置开发服务器(代理)
  devServer:{
    port:5050,    //项目的端口
    proxy:{
       //代理:本地的Node服务器进行代理的
      "/api":{
        //目标地址
        target:process.env.VUE_APP_BASEURL,
        //路径重写:
        pathRewrite:{"^/api":""}
        //路径重写之后，一定要重启项目
      }
    }
  },
  //配置别名，合并webpack配置
  chainWebpack:(config)=>{  
    config.resolve.alias
    .set("&",resolve("src"))   //表示&符号指向根目录，可以看路由页面配的最后一个
    .set("assets",resolve("src/assets"))
    .set("components",resolve("src/components"))   //表示components可以代替src目录，可以看pages的购物车页面，路径删掉了@
    .set("layout",resolve("src/layout"))
    .set("base",resolve("src/base"))
    .set("static",resolve("src/static"))

    //打包hash
    config.output
    .filename(
      `assets/js/[name].${process.env.VUE_APP_APPVERSION}.${+new Date()}.js`
    )
    .chunkFilename(
      `assets/js/[name].${process.env.VUE_APP_APPVERSION}.${+new Date()}.js`
    )
    .end()
  }
});
